<template>
	<view class="g-cell-group">
		<view class="group-title" 
		:style="{
			'height':Number(titleHeight)+'rpx',
			'background':titleBoxBg,
		}">{{title}}</view>
		<view>
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {
	name:'g-cell-group',
	data() {
		return {
			cellChild:[],
		};
	},
	props: {
		border:{
			//是否需要border
			type:Boolean,
			default:false,
		},
		title:{
			type:String,
		},
		//分组栏标题高度
		titleHeight:{
			default:90
		},
		//分组栏标题背景色
		titleBoxBg:{
			type:String,
			default:'#e1e1e1'
		}
	},
	computed: {
		
	},
	methods: {
		
	},
	created() {
		
	}
};
</script>
<style scoped lang="scss">
	.g-cell-group{
		width: 100%;
	}
	.group-title{
		display: flex;
		align-items: center;
		padding: 0 32rpx;
		font-size: 28rpx;
		color: #212121;
	}
</style>
